<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Acceso al sistema</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <script language="JavaScript">
        function Enviar(){
        //comprueba campo de nombre
	if(!NOMBRE.test(formulario.txtNombre.value)) {
		alert('Contenido del campo NOMBRE no válido.')
		return false
	}

            if(document.getElementById('txtPass').value == "")
            {
                alert("Por favor escriba un usuario y password");
                return false;
            }
            return true;
        }
    </script>
    <body>

    <div id="wrapper">
	<div id="header">
		<div id="logo">
			<h1><a href="#">PUNTOS .COM</a></h1>
			<p> Diseñado por <a href="#">Equipo de SIPI 2</a></p>
		</div>
		<div id="search">
			<form method="get" action="">
				<fieldset>
				<input type="text" name="s" id="search-text" size="15" />
				<input type="submit" id="search-submit" value="GO" />
				</fieldset>
			</form>
		</div>
	</div>
	<!-- end #header -->
	<div id="menu">
		<ul>
			<li ><a href="index.html">Home</a></li>
			<li class="current_page_item"><a href="#">Login</a></li>
			<li><a href="#">Estado</a></li>
			<li><a href="#">Recarga</a></li>
			<li><a href="#">Departamentos</a></li>
			<li><a href="#">Info</a></li>
		</ul>
	</div>
	<!-- end #menu -->
	<div id="page">
	<div id="page-bgtop">
	<div id="page-bgbtm">
		<div id="content">
			<div class="post">
				<h2 class="title"><a href="#">Puntos .Com</a></h2>
				<p class="meta">¿Que es Puntos.Com?<a href="#"></a> Septiembre 07, 2009
					&nbsp;&bull;&nbsp; <a href="#" class="comments">Comentarios </a> &nbsp;&bull;&nbsp;</p>
				<div class="entry">
					<p>Nueva forma de pago para todo lo que necesitas comprar y pagar dentro de la universidad
					<a>como lo son; centro de computo,</a>
					<a>centro de fotocopias,</a>
					<a>cafetería y biblioteca.</a>
					</p>
				</div>
			</div>
			<div class="post">
				<h2 class="title"><a href="#">Puntos .Com</a></h2>
				<p class="meta">¿Como funciona?<a href="#"></a> Septiembre 07, 2009
					&nbsp;&bull;&nbsp; <a href="#" class="comments">Comentarios </a> &nbsp;&bull;&nbsp;</p>
				<div class="entry">
					<p>Solo se necesita ser alumno de la Universidad Anahuac Xalapa y contar con la tarjeta estudiantil para poder hacer tus pagos a través de Puntos.Com, sin filas ni demoras.</p>
				</div>
			</div>
			<div class="post">
				<h2 class="title"><a href="#">Puntos .Com</a></h2>
				<p class="meta">¿Mis benficios son?<a href="#"></a> Septiembre 07, 2009
					&nbsp;&bull;&nbsp; <a href="#" class="comments">Comentarios</a> </p>
				<div class="entry">
					<p>Podras hacer compras en la cafetería de la escuela, pagar copias e impresiones sin necesidad de cargar efectivo, solo necesitas cargar tu tarjeta estudiantil a través de Puntos .Com y recibiras estos beneficios y mucho más.</p>
				</div>
			</div>
		<div style="clear: both;">&nbsp;</div>
		</div>
		<!-- end #content -->
		<div id="sidebar">
			<ul>
				<li>
					<h2>Acceso al Sistema</h2>
                    <form id="frmLogin" method="POST" onsubmit="return Enviar();" action="entrar.php">
                        <table border="0" width="70">
                            <tr>
                                <td>
                                    Usuario:
                                </td>
                                <td>
                                    <input type="text" name="txtUsuario" maxlength="20">
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Password:
                                </td>
                                <td>
                                    <input type="password" id="txtPass" name="txtPass" maxlength="20">
                                </td>
                            </tr>
                            <tr>
                             <td>
                                <input type="submit" onclick="Enviar" value="Entrar">
                             </td>
                            </tr>
                        </table>
                    </form>
				</li>
				<li>
					<h2>Departamentos</h2>
					<ul>
						<li><a href="#">Centro de Computo</a></li>
						<li><a href="#">Cafetería</a></li>
						<li><a href="#">Centro de copiado</a></li>
						<li><a href="#">Biblioteca</a></li>
					</ul>
				</li>
				<li>
					<h2>Noticias</h2>
					<ul>
						<li><a href="#">Alumnos de nuevo ingreso obtengan tarjeta estudiantil</a></li>
						<li><a href="#">Beneficios en cafetería</a></li>
						<li><a href="#">Beneficios en centro de computo</a></li>
						<li><a href="#">Beneficios en biblioteca</a></li>
						<li><a href="#">Beneficios en fotocopias</a></li>
					</ul>
				</li>
				<li>
					<h2>Proximos Servicios</h2>
					<ul>
						<li><a href="#">Transporte escolar</a></li>
						<li><a href="#">Constancias</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<!-- end #sidebar -->
		<div style="clear: both;">&nbsp;</div>
	</div>
	</div>
	</div>
	<!-- end #page -->
</div>
	<div id="footer">

		<p>Copyright (c) 2009 PUNTOS.COM. All rights reserved. Design by <a>EQUIPO 2 SIPI</a></p>
	</div>
	<!-- end #footer -->

    </body>
</html>